<template>
  <section class="todoapp">
    <MyHeader />
    <MyMain />
    <MyFooter  @change="changefn"/>
  </section>
</template>

<script>
import MyHeader from './components/MyHeader'
import MyMain from './components/MyMain'
import MyFooter from './components/MyFooter'
import {mapState} from 'vuex'
export default {
  data(){
    return{
lz:""
    }
  },
  components: {
    MyHeader,
    MyMain,
    MyFooter
  },

  computed:{
    ...mapState('todos',['list'])
  },
  methods:{
    changefn(val){
this.lz=val
    }

  },
}
</script>

<style></style>
